$(function () {
    const layer = layui.layer
    initCateList()

    function initCateList() {
        $.get('/my/article/cates').then(res => {
            $('#tbody').html(template('box', res))
        })
    }
    $('#tbody').on('click', '.btn-delete', function () {
        const id =  $(this).data('id')
        layer.confirm('你是否要删除？', {title:'提示', icon: 3}, index => {
            $.get('/my/article/deletecate/'+ id).then(res => {
                layer.msg('删除成功')
                initCateList()
                layer.close(index)
            })
        })
    })
    let index = null
    $('#add-cate').on('click', function(){

        index = layer.open({
            title: '添加文章类别', // 标题
            type: 1, // 弹窗类型
            area: ['500px', '250px'], // 宽高
            content: $('#tpl-add-cate').html(), // 弹窗内容 html()
        })
    })
    $('body').on('submit', '#add-cate-form', function(){
        const data = layui.form.val('add-cate-form')
        $.post('/my/article/addcates', data).then(res => {
            if(res.status !== 0){
                return layer.msg(res.message || '添加失败')
            }
            layer.msg('添加成功')
            initCateList()
            layer.close(index)
        })
        return false
    })
let index2 = null
    $('#tbody').on('click', '#modify-cate', function(){
       const id = $(this).data('id')
       $.get('/my/article/cates/'+ id).then(res => {
        layui.form.val('modify-cate-form', res.data)
    })
        index2 = layer.open({
            title: '添加文章类别', // 标题
            type: 1, // 弹窗类型
            area: ['500px', '250px'], // 宽高
            content: $('#tpl-modify-cate').html(), // 弹窗内容 html()
        })
    })
    
    $('body').on('submit', '#modify-cate-form', function(){
        const data = layui.form.val('modify-cate-form')
        $.post('/my/article/updatecate',data).then(res => {
            if(res.status !== 1){
                return layui.layer.msg(res.message || '修改失败')
            }
            layui.layer.msg('修改成功')
            initCateList()
            layer.close(index2)
        })
        return false
    })
})